<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<c:import url="../common/meda.jsp"></c:import>

<!-- Site Properties -->
<title>考生去向分布-${sysDesc}</title>
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/semantic.min.css">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/d3.css">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/jquery-jvectormap-2.0.3.css">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/morris.css">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/common.css">

<script src="http://${static_server }/js/jquery.min.js"></script>
<script src="http://${static_server }/js/jquery-jvectormap-2.0.3.min.js"></script>
<script
	src="http://${static_server }/js/jquery-jvectormap-cn-mill-en.js"></script>
<script src="http://${static_server }/js/semantic.min.js"></script>

<script src="http://${static_server }/js/raphael-2.1.0.min.js"></script>
<script src="http://${static_server }/js/morris.min.js"></script>

<script src="http://${static_server }/js/d3.min.js"></script>

<script src="http://${static_server }/js/common.js"></script>
<script src="//${static_server }/js/title_menu.js"></script>
<script src="http://${static_server }/js/distribution.js"></script>

</head>
<body class="pushable">
	<c:import url="../common/title_menu.jsp"></c:import>
	<div class="pusher">
		<div id="schoolheadsegment"
			class="ui vertical raised masthead segment">
			<div class="ui container">
				<div class="ui breadcrumb">
					<a class="section" href="http://${static_server }/"><i
						class="icon home"></i>首页</a>
					<div class="divider">/</div>
					<div class="active section">考生去向分布</div>
				</div>
			</div>
			<!-- content container end -->
		</div>

		<div id="mainsegment" class="ui vertical masthead segment">
			<div class="ui container">
				<div class="ui teal labeled icon four item menu">
					<a class="item active" data-tab="1"><i class="world icon"></i>地域分布</a>
					<a class="item" data-tab="2"><i class="bookmark icon"></i>科类分布</a>
					<a class="item" data-tab="3"><i class="options icon"></i>批次分布</a> <a
						class="item" data-tab="4"><i class="doctor icon"></i>专业分布</a>
				</div>
				<div class="ui  tab segment active" data-tab="1">
					<div class="ui stackable grid">
						<div class="row">
							<div class="column">
								<div class="ui tiny dividing header">
									功能导读<i class="orange help inline circle icon visible"
										data-content="地理分布：根据输入条件动态获取到所有考生数据，对考生数据进行分组，计算出各个省市的考生分布，从该功能可以看出趋势！"
										data-variation="wide"></i>
								</div>
								<form class="ui location form">
									<div class="fields">
										<div class="four wide field">
											<div class="ui left fluid action input">
												<a class="ui button reset"> 不限 </a>
												<div class="ui fluid multiple selection dropdown">
													<input name="year" type="hidden" value=""> <i
														class="dropdown icon"></i>
													<div class="default text">请选择年份</div>
													<div class="fluid menu">
														<div class="item" data-value="2015">2015</div>
														<div class="item" data-value="2014">2014</div>
														<div class="item" data-value="2013">2013</div>
													</div>
												</div>
											</div>

										</div>
										<div class="field">
											<input type="number" name="minScore" placeholder="输入最低分">
										</div>
										<div class="field">
											<input type="number" name="maxScore" placeholder="输入最高分">
										</div>
										<div class="ten wide field">
											<div class="ui left fluid action input">
												<a class="ui button reset"> 不限 </a>
												<div class="ui multiple fluid selection dropdown">
													<input name="batchs" type="hidden" value=""> <i
														class="dropdown icon"></i>
													<div class="default text">请选择批次</div>
													<div class="fluid menu">
														<div class="item" data-value="本科提前A">本科提前A</div>
														<div class="item" data-value="本科提前B">本科提前B</div>
														<div class="item" data-value="本科一批">本科一批</div>
														<div class="item" data-value="本科一批B">本科一批B</div>
														<div class="item" data-value="本科二批">本科二批</div>
														<div class="item" data-value="本科二批B">本科二批B</div>
														<div class="item" data-value="本科二批C">本科二批C</div>
														<div class="item" data-value="专科提前">专科提前</div>
														<div class="item" data-value="高职高专">高职高专</div>
													</div>
												</div>
											</div>

										</div>
									</div>
									<div class="fields">
										<div class="eight wide field">
											<div class="ui left fluid action input">
												<a class="ui button reset"> 不限 </a>
												<div class="ui multiple fluid selection dropdown">
													<input name="subjects" type="hidden" value=""> <i
														class="dropdown icon"></i>
													<div class="default text">请选择科类</div>
													<div class="fluid menu">
														<div class="item" data-value="普通文科">普通文科</div>
														<div class="item" data-value="普通理科">普通理科</div>
														<div class="item" data-value="蒙授文科">蒙授文科</div>
														<div class="item" data-value="蒙授理科">蒙授理科</div>
														<div class="item" data-value="体育类">体育类</div>
														<div class="item" data-value="其他艺术">其他艺术</div>
														<div class="item" data-value="农学类">农学类</div>
														<div class="item" data-value="化工类">化工类</div>
														<div class="item" data-value="医学类">医学类</div>
														<div class="item" data-value="幼师类">幼师类</div>
														<div class="item" data-value="建筑类">建筑类</div>
														<div class="item" data-value="旅游类">旅游类</div>
														<div class="item" data-value="机电类">机电类</div>
														<div class="item" data-value="汉授体育">汉授体育</div>
														<div class="item" data-value="汉授编导">汉授编导</div>
														<div class="item" data-value="汉授美术">汉授美术</div>
														<div class="item" data-value="汉授音乐">汉授音乐</div>
														<div class="item" data-value="汽驾类">汽驾类</div>
														<div class="item" data-value="烹饪类">烹饪类</div>
														<div class="item" data-value="牧医类">牧医类</div>
														<div class="item" data-value="美工设计类">美工设计类</div>
														<div class="item" data-value="计算机类">计算机类</div>
														<div class="item" data-value="财会类">财会类</div>
														<div class="item" data-value="采矿类">采矿类</div>
														<div class="item" data-value="蒙授体育">蒙授体育</div>
														<div class="item" data-value="蒙授其他艺术">蒙授其他艺术</div>
														<div class="item" data-value="蒙授美术">蒙授美术</div>
														<div class="item" data-value="蒙授音乐">蒙授音乐</div>
														<div class="item" data-value="蒙牧医类">蒙牧医类</div>
													</div>
												</div>
											</div>
										</div>
										<div class="eight wide field">
											<div class="ui left fluid action input">
												<a class="ui button reset"> 不限 </a>
												<div id="major_dropdown" class="ui multiple fluid searchInMenu selection dropdown">
												  <input type="hidden" name="descriptionIds">
												  <i class="dropdown icon"></i>
												  <div class="default text">请选择相关专业</div>
												  <div class="menu">
												    <div class="ui icon search input">
												      <i class="search icon"></i>
												      <input type="text" placeholder="输入关键字搜索...">
												    </div>
												    <div class="divider"></div>
												    <div class="scrolling menu">
												    </div>
												  </div>
												</div>
											</div>
										</div>
									</div>
									<div class="two fields"></div>
									<div class="ui orange button">查询</div>
								</form>
								<div class="ui warning message hidden">
									<i class="close icon"></i><i class="icon warning circle "></i>
									查询失败
								</div>

							</div>
						</div>
						<div class="row">
							<div class="column" id="tab1_content">
								<div id="map" style="height: 350px; width: 100%;"
									class="jvectormap jvectormap-mill" data-name="china_ch"></div>
								<div id="heat-fill">
									<span id="vector-map-scale-min" class="fill-a">0</span> <span
										id="vector-map-scale-max" class="fill-b"><span>0</span>
										<i class="orange help inline circle icon visible"
										data-content="比例尺：由颜色深浅来标明各地区考生录取分布，颜色越重代表考生越多，反之亦然！"
										data-variation="wide"></i></span>
								</div>
								<br />
							</div>
						</div>
					</div>
				</div>
				<div class="ui tab segment" data-tab="2">
					<div class="ui tiny dividing header">
						功能导读<i class="orange help inline circle icon visible"
							data-content="科类分布：可根据下拉框选择对应的年份，生成的图标X轴单位为千人，可点击某一个蓝色的柱状图下其下面详细分布。点击空白处返回上一层菜单。"
							data-variation="wide"></i>
					</div>
					<div class="ui right floating selection dropdown">
						<i class="dropdown icon"></i>
						<div name="year" class="text">2015</div>
						<input name="year" type="hidden" value="">
						<div class="menu">
							<div class="item active" data-value="2015">2015</div>
							<div class="item" data-value="2014">2014</div>
							<div class="item" data-value="2013">2013</div>
						</div>
					</div>
					<div id="subjectBar"></div>
				</div>
				<div class="ui tab segment" data-tab="3">
					<div class="ui tiny dividing header">
						功能导读<i class="orange help inline circle icon visible"
							data-content="批次分布：根据分数区间和年份查询出所有被录取考生，按照批次进行分组，可以看出该分段的批次分布情况！"
							data-variation="wide"></i>
					</div>
					<form class="ui batch form">
						<div class="fields">
							<div class="eight wide field">
								<div class="ui right floating selection dropdown">
									<i class="dropdown icon"></i>
									<div name="year" class="text">2015</div>
									<input name="year" type="hidden" value="2015">
									<div class="menu">
										<div class="item active" data-value="2015">2015</div>
										<div class="item" data-value="2014">2014</div>
										<div class="item" data-value="2013">2013</div>
									</div>
								</div>
							</div>
							<div class="four wide field">
								<input type="number" name="minScore" placeholder="输入最低分">
							</div>
							<div class="four wide field">
								<input type="number" name="maxScore" placeholder="输入最高分">
							</div>
						</div>
						<div class="ui orange button">查询</div>
					</form>
					<div id="batchBar" data-source='${disJson }'></div>
				</div>
				<div class="ui tab segment" data-tab="4">
					<div class="ui tiny dividing header">
						功能导读<i class="orange help inline circle icon visible"
							data-content="专业分布：根据条件查询专业分布，可看出该分段相对较为热门的专业！"
							data-variation="wide"></i>
					</div>
					<form class="ui major form">
						<div class="fields">
							<div class="four wide field">
								<div class="ui left fluid action input">
									<a class="ui button reset"> 不限 </a>
									<div class="ui fluid multiple selection dropdown">
										<input name="year" type="hidden" value=""> <i
											class="dropdown icon"></i>
										<div class="default text">请选择年份</div>
										<div class="fluid menu">
											<div class="item" data-value="2015">2015</div>
											<div class="item" data-value="2014">2014</div>
											<div class="item" data-value="2013">2013</div>
										</div>
									</div>
								</div>

							</div>
							<div class="field">
								<input type="number" name="minScore" placeholder="输入最低分">
							</div>
							<div class="field">
								<input type="number" name="maxScore" placeholder="输入最高分">
							</div>
							<div class="ten wide field">
								<div class="ui left fluid action input">
									<a class="ui button reset"> 不限 </a>
									<div class="ui multiple fluid selection dropdown">
										<input name="batchs" type="hidden" value=""> <i
											class="dropdown icon"></i>
										<div class="default text">请选择批次</div>
										<div class="fluid menu">
											<div class="item" data-value="本科提前A">本科提前A</div>
											<div class="item" data-value="本科提前B">本科提前B</div>
											<div class="item" data-value="本科一批">本科一批</div>
											<div class="item" data-value="本科一批B">本科一批B</div>
											<div class="item" data-value="本科二批">本科二批</div>
											<div class="item" data-value="本科二批B">本科二批B</div>
											<div class="item" data-value="本科二批C">本科二批C</div>
											<div class="item" data-value="专科提前">专科提前</div>
											<div class="item" data-value="高职高专">高职高专</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="fields">
							<div class="eight wide field">
								<div class="ui left fluid action input">
									<a class="ui button reset"> 不限 </a>
									<div class="ui multiple fluid selection dropdown">
										<input name="subjects" type="hidden" value=""> <i
											class="dropdown icon"></i>
										<div class="default text">请选择科类</div>
										<div class="fluid menu">
											<div class="item" data-value="普通文科">普通文科</div>
											<div class="item" data-value="普通理科">普通理科</div>
											<div class="item" data-value="蒙授文科">蒙授文科</div>
											<div class="item" data-value="蒙授理科">蒙授理科</div>
											<div class="item" data-value="体育类">体育类</div>
											<div class="item" data-value="其他艺术">其他艺术</div>
											<div class="item" data-value="农学类">农学类</div>
											<div class="item" data-value="化工类">化工类</div>
											<div class="item" data-value="医学类">医学类</div>
											<div class="item" data-value="幼师类">幼师类</div>
											<div class="item" data-value="建筑类">建筑类</div>
											<div class="item" data-value="旅游类">旅游类</div>
											<div class="item" data-value="机电类">机电类</div>
											<div class="item" data-value="汉授体育">汉授体育</div>
											<div class="item" data-value="汉授编导">汉授编导</div>
											<div class="item" data-value="汉授美术">汉授美术</div>
											<div class="item" data-value="汉授音乐">汉授音乐</div>
											<div class="item" data-value="汽驾类">汽驾类</div>
											<div class="item" data-value="烹饪类">烹饪类</div>
											<div class="item" data-value="牧医类">牧医类</div>
											<div class="item" data-value="美工设计类">美工设计类</div>
											<div class="item" data-value="计算机类">计算机类</div>
											<div class="item" data-value="财会类">财会类</div>
											<div class="item" data-value="采矿类">采矿类</div>
											<div class="item" data-value="蒙授体育">蒙授体育</div>
											<div class="item" data-value="蒙授其他艺术">蒙授其他艺术</div>
											<div class="item" data-value="蒙授美术">蒙授美术</div>
											<div class="item" data-value="蒙授音乐">蒙授音乐</div>
											<div class="item" data-value="蒙牧医类">蒙牧医类</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="ui orange button">查询</div>
					</form>
					<div id="majorBar"></div>
				</div>
			</div>
			<!-- content container end -->
		</div>
		<!-- segment end -->
		<c:import url="../common/footer.jsp"></c:import>
	</div>
	<!-- pusher end -->
</body>
</html>
